<template>
	<view class="nullMsgHint">
		<view class="line-L"></view>
		<view class="text">
			{{text}}
		</view>
		<view class="line-R"></view>
	</view>
</template>

<script lang="ts" setup>
defineProps(['text'])
</script>

<style lang="scss" scoped>
	.nullMsgHint {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 60rpx;

		.line-L {
			width: 40rpx;
			height: 4rpx;
			background: linear-gradient(to right, #fff, #000);
		}

		.line-R {
			width: 40rpx;
			height: 4rpx;
			background: linear-gradient(to right, #000, #fff);
		}

		.text {
			margin: 0 8rpx;
			font-size: 28rpx;
			color: #6C6C6C;
			letter-spacing: 0.05em;
		}
	}
</style>